<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="assets/images/favicon.png" type="image/png">
    <title>Genzik</title>
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/slick.css">
    <link rel="stylesheet" type="text/css" href="assets/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/fancybox.css">
    <link rel="stylesheet" type="text/css" href="assets/css/aos.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/customefont.css">
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
</head>

<body>

    <!-- Preloader -->
    <div id="preloader">
        <div id="ctn-preloader" class="ctn-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
                <div class="txt-loading">
                    <span data-text-preloader="L" class="letters-loading">
                        L
                    </span>
                    <span data-text-preloader="O" class="letters-loading">
                        O
                    </span>
                    <span data-text-preloader="A" class="letters-loading">
                        A
                    </span>
                    <span data-text-preloader="D" class="letters-loading">
                        D
                    </span>
                    <span data-text-preloader="I" class="letters-loading">
                        I
                    </span>
                    <span data-text-preloader="N" class="letters-loading">
                        N
                    </span>
                    <span data-text-preloader="G" class="letters-loading">
                        G
                    </span>
                </div>
            </div>
            <div class="loader-section section-left"></div>
            <div class="loader-section section-right"></div>
        </div>
    </div>
    <header class="position-relative style-three">
        <div class="topbar-wrapper style-three">
            <div class="container">
                <div class="topbar-inner-wrapper d-flex align-items-center">
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-free-delivery"></i>
                            </div>
                            <div class="item-content">
                                <span>FREE shipping 
                                    <bdi> on US$39.00+</bdi>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-return"></i>
                            </div>
                            <div class="item-content">
                                <span>Free Returns 
                                    <bdi>in 10 days</bdi>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-item position-relative">
                        <div class="topbar-inner-item d-flex align-items-center">
                            <div class="item-icon">
                                <i class="icon-phone-4"></i>
                            </div>
                            <div class="item-content">
                                <span>+34640225587</span>
                            </div>
                        </div>
                    </div>
                    <div class="currency-dropdown position-relative">
                        <select class="currency-selection" name="state">
                            <option value="USD">SUSD</option>
                            <option value="PKR">PKR</option>
                        </select>
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="login position-relative">
                                <a href="login.html">
                                    <i class="icon-icon-login"></i>
                                </a>
                            </li>
                            <li class="wishlist position-relative">
                                <a href="wishlist.html">
                                    <i class="icon-like"></i>
                                </a>
                            </li>
                            <li class="search">
                                <a href="#" data-bs-toggle="modal" data-bs-target="#searchpopup">
                                    <i class="icon-search"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="topbar-item d-flex align-items-center">
                        <div class="item-content">
                            <span>Follow Us:</span>
                        </div>
                        <div class="social-icons">
                            <ul class="d-flex align-items-center">
                                <li>
                                    <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom-wrapper style-three">
            <div class="container">
                <div class="header-bottom-inner d-flex align-items-center justify-content-between">
                    <div class="menu_bar">
                        <a href="#" class="mobile-menu-icon">
                            <div></div>
                            <div></div>
                            <div></div>
                        </a>
                    </div>
                    <div class="logo-wrapper logo">
                        <h1>
                            <a href="#" class="d-flex align-items-center">
                                <img src="assets/images/logo3.png" alt="logo">Genzik
                            </a>
                        </h1>
                    </div>
                    <div class="navigation-wrapper d-flex justify-content-between">
                        <div class="side-navigation">
                            <a href="#" class="cross-btn d-inline-flex align-items-center justify-content-center position-absolute">
                                <i class="fa-solid fa-xmark"></i>
                            </a>
                            <div class="logo text-center">
                                <h1>
                                    <a href="#">
                                        <img src="assets/images/logo.png" alt="logo">
                                        Genzik
                                    </a>
                                </h1>
                            </div>
                            <!--end-logo-->
                        </div>
                        <nav class="menu" id="nav-menu">
                            <ul class="menu-main">
                                <li class="menu-item current-menu-item menu-item-has-children position-relative">
                                    <a href="javascript:void(0)" class="position-relative">Home </a>
                                    <ul class="sub-menu position-absolute">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index.html" class="nav-link">Home One</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index2.html" class="nav-link">Home Two</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index3.html" class="nav-link">Home Three</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown">
                                    <a href="javascript:void(0)" class="position-relative">Clothes</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Everything</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Activewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Intimates &amp; Loungewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Jumpsuits &amp; Rompers</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Matching Sets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Swimwear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Unisex</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>What’s Hot</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Tops</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Blouses &amp; Shirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Tank Tops &amp; Camis</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sweatshirt &amp; Hoodies</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Featured Shop</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Denim Dresses</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jackets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jumpsuits</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Shorts &amp; Skirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Tops</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="sale-box text-center position-relative">
                                                            <h4 class="text-uppercase">40% off Your Purchase</h4>
                                                            <a href="product-list2.html" class="sale-box-link text-uppercase">Show Now</a>
                                                            <div class="sale-border position-absolute"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Outerwear</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>JEWELRY</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">All Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">New Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Necklaces</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>BAGS</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Crossbody Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Totes</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Shoulder Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Bucket Bags</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>SPOTLIGHT ON</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">The Essential Collection</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Metallic Moments</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Statement Earrings</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Gifts</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Rhode Resort</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sabina Musayev</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Winden</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="product-box product-style-one">
                                                                <div class="product-image position-relative overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-10.jpg" alt="Product">
                                                                    </a>

                                                                    <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center">
                                                                        <span class="swatch-label" title="S" data-term="Small">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">S</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="M" data-term="Medium">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">M</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XL" data-term="Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XL</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XXL" data-term="Extra Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XXL</a>
                                                                        </span>
                                                                    </div>
                                                                    <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn">
                                                                        <i class="icon-basket"></i>
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <h2 class="product-title">
                                                                        <a href="product-detail2.html">Plain Knitted Midi Skirt</a>
                                                                    </h2>
                                                                    <div class="variable-product-color">
                                                                        <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a>
                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a>
                                                                    </div>
                                                                    <div class="product-price-wrapper d-flex align-items-center justify-content-between">
                                                                        <div class="product-price">
                                                                            <span class="price">
                                                                                <ins>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>140</bdi>
                                                                                    </span>
                                                                                </ins>
                                                                                <del>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>160</bdi>
                                                                                    </span>
                                                                                </del>
                                                                            </span>
                                                                        </div>
                                                                        <div class="star-rating d-flex align-items-center overflow-hidden">
                                                                            <span>
                                                                                <svg viewBox="0 0 24 24" width="18" height="18">
                                                                                    <path d="M21.984 9.234l-7.172-0.609-2.813-6.609-2.813 6.609-7.172 0.609 5.438 4.734-1.641 7.031 6.188-3.75 6.188 3.75-1.641-7.031zM12 15.422l-3.75 2.25 0.984-4.266-3.328-2.906 4.406-0.375 1.688-4.031 1.688 4.031 4.406 0.375-3.328 2.906 0.984 4.266z"></path>
                                                                                </svg>
                                                                            </span>
                                                                            <span class="count">12</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="megamenu-heading">
                                                            <h3>Trending</h3>
                                                        </div>
                                                        <div class="discount-box d-flex align-items-center justify-content-end flex-wrap">
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-33.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-34.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-35.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-36.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="checkout.html" class="nav-link">Checkout</a>
                                        </li>
                                        
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="cart.html">Cart</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="wishlist.html">Wishlist</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="404.html">404</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Accessories</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Product Page</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="product-list2.html">Style 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list.html">Style 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list3.html">Style 3</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Shop Feature</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="404.html">404</a>
                                                                </li>
                                                                <li>
                                                                    <a href="checkout.html">Checkout</a>
                                                                </li>
                                                                <li>
                                                                    <a href="cart.html">Cart</a>
                                                                </li>
                                                                <li>
                                                                    <a href="wishlist.html">Wishlist</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-heading">
                                                            <h3>Product Detail Page</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="product-detail.html">Style 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="product-detail2.html">Style 2</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="mega-product-wrapper d-flex align-items-center">
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-31.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">New Season Style</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-32.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">12-12 Sale</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-33.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">Winter Clothes</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list.html" class="nav-link">Product List</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list2.html" class="nav-link">Product List 2</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list3.html" class="nav-link">Product List 3</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail.html" class="nav-link">Product Detail</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail2.html" class="nav-link">Product Detail 2</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="#" class="position-relative">Winter</a>
                                </li>
                                <li class="menu-item menu-item-has-children position-relative">
                                    <a href="#" class="position-relative">Pages</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item position-relative">
                                            <a href="blog.html" class="nav-link">Blog List</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="blogdetail.html" class="nav-link">Blog Detail</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="about.html" class="nav-link">About Us</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="login.html" class="nav-link">Login/Register</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="contact.html" class="position-relative">Contact</a>
                                </li>
                            </ul>
                        </nav>
                        <div class="social-icons">
                            <ul class="d-flex align-items-center">
                                <li>
                                    <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                        <i class="fa-brands fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="login position-relative">
                                <a href="login.html">
                                    <i class="icon-icon-login"></i>
                                </a>
                            </li>
                            <li class="wishlist">
                                <a href="wishlist.html">
                                    <i class="icon-like"></i>
                                </a>
                            </li>
                            <li class="cart">
                                <a href="#" class="d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#cart-popup" aria-controls="cart-popup">
                                    <span class="d-inline-flex align-items-center justify-content-center position-relative">
                                        <i class="icon-basket"></i>
                                        <sup class="cart-nmbr d-inline-flex align-items-center justify-content-center position-absolute">1</sup>
                                    </span>
                                    <span>$14.00 (1 item)</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-sticky">
            <div class="container">
                <div class="header-sticky-inner d-flex align-items-center justify-content-between">
                    <div class="menu_bar">
                        <a href="#" class="mobile-menu-icon">
                            <div></div>
                            <div></div>
                            <div></div>
                        </a>
                    </div>
                    <div class="logo-wrapper logo">
                        <h1>
                            <a href="#" class="d-flex align-items-center">
                                <img src="assets/images/logo.png" alt="logo">Genzik
                            </a>
                        </h1>
                    </div>
                    <div class="navigation-wrapper d-flex justify-content-between">
                        <nav class="menu" id="nav-menu2">
                            <ul class="menu-main">
                                <li class="menu-item current-menu-item menu-item-has-children position-relative">
                                    <a href="javascript:void(0)" class="position-relative">Home </a>
                                    <ul class="sub-menu position-absolute">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index.html" class="nav-link">Home One</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index2.html" class="nav-link">Home Two</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="index3.html" class="nav-link">Home Three</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown">
                                    <a href="javascript:void(0)" class="position-relative">Clothes</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Everything</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Activewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Intimates &amp; Loungewear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Jumpsuits &amp; Rompers</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Matching Sets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Swimwear</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Unisex</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>What’s Hot</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Tops</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Blouses &amp; Shirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Tank Tops &amp; Camis</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sweatshirt &amp; Hoodies</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Featured Shop</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Denim Dresses</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jackets</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Jumpsuits</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Shorts &amp; Skirts</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Denim Tops</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="sale-box text-center position-relative">
                                                            <h4 class="text-uppercase">40% off Your Purchase</h4>
                                                            <a href="product-list2.html" class="sale-box-link text-uppercase">Show Now</a>
                                                            <div class="sale-border position-absolute"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Outerwear</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>JEWELRY</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">All Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">New Jewelry</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Necklaces</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>BAGS</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Crossbody Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Totes</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Shoulder Bags</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Bucket Bags</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>SPOTLIGHT ON</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">The Essential Collection</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Metallic Moments</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Statement Earrings</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Gifts</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="#">Rhode Resort</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Sabina Musayev</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Winden</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="product-box product-style-one">
                                                                <div class="product-image position-relative overflow-hidden">
                                                                    <a href="#">
                                                                        <img src="assets/images/resources/product-img1-10.jpg" alt="Product">
                                                                    </a>

                                                                    <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center">
                                                                        <span class="swatch-label" title="S" data-term="Small">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">S</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="M" data-term="Medium">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">M</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XL" data-term="Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XL</a>
                                                                        </span>
                                                                        <span class="swatch-label" title="XXL" data-term="Extra Extra Large">
                                                                            <a href="#" class="d-flex align-items-center justify-content-center">XXL</a>
                                                                        </span>
                                                                    </div>
                                                                    <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn">
                                                                        <i class="icon-basket"></i>
                                                                    </a>
                                                                </div>
                                                                <div class="product-content">
                                                                    <h2 class="product-title">
                                                                        <a href="product-detail2.html">Plain Knitted Midi Skirt</a>
                                                                    </h2>
                                                                    <div class="variable-product-color">
                                                                        <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a>
                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a>

                                                                        <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a>
                                                                    </div>
                                                                    <div class="product-price-wrapper d-flex align-items-center justify-content-between">
                                                                        <div class="product-price">
                                                                            <span class="price">
                                                                                <ins>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>140</bdi>
                                                                                    </span>
                                                                                </ins>
                                                                                <del>
                                                                                    <span class="amount">
                                                                                        <bdi><span>$</span>160</bdi>
                                                                                    </span>
                                                                                </del>
                                                                            </span>
                                                                        </div>
                                                                        <div class="star-rating d-flex align-items-center overflow-hidden">
                                                                            <span>
                                                                                <svg viewBox="0 0 24 24" width="18" height="18">
                                                                                    <path d="M21.984 9.234l-7.172-0.609-2.813-6.609-2.813 6.609-7.172 0.609 5.438 4.734-1.641 7.031 6.188-3.75 6.188 3.75-1.641-7.031zM12 15.422l-3.75 2.25 0.984-4.266-3.328-2.906 4.406-0.375 1.688-4.031 1.688 4.031 4.406 0.375-3.328 2.906 0.984 4.266z"></path>
                                                                                </svg>
                                                                            </span>
                                                                            <span class="count">12</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-4">
                                                        <div class="megamenu-heading">
                                                            <h3>Trending</h3>
                                                        </div>
                                                        <div class="discount-box d-flex align-items-center justify-content-end flex-wrap">
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-33.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-34.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-35.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                            <div class="discount-image position-relative overflow-hidden">
                                                                <a href="#">
                                                                    <img src="assets/images/resources/product-img1-36.jpg" alt="discount-image">
                                                                </a>
                                                                <div class="discount-percent position-absolute">-30%</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="checkout.html" class="nav-link">Checkout</a>
                                        </li>

                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="about.html">About Us</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="login.html">Login</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="404.html">404</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item menu-item-has-children megamenu-dropdown v2">
                                    <a href="#" class="position-relative">Accessories</a>
                                    <div class="megamenu-wrapper">
                                        <div class="container">
                                            <div class="megamenu-inner">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Product Page</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="product-list.html">Style 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list2.html">Style 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="product-list3.html">Style 3</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="megamenu-item">
                                                            <div class="megamenu-heading">
                                                                <h3>Shop Feature</h3>
                                                            </div>
                                                            <ul class="menu-list d-inline-block">
                                                                <li>
                                                                    <a href="404.html">404</a>
                                                                </li>
                                                                <li>
                                                                    <a href="checkout.html">Checkout</a>
                                                                </li>
                                                                <li>
                                                                    <a href="cart.html">Cart</a>
                                                                </li>
                                                                <li>
                                                                    <a href="wishlist.html">Wishlist</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="megamenu-heading">
                                                            <h3>Product Detail Page</h3>
                                                        </div>
                                                        <ul class="menu-list d-inline-block">
                                                            <li>
                                                                <a href="product-detail.html">Style 1</a>
                                                            </li>
                                                            <li>
                                                                <a href="product-detail2.html">Style 2</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="trending-items">
                                                            <div class="megamenu-heading">
                                                                <h3>Trending</h3>
                                                            </div>
                                                            <div class="mega-product-wrapper d-flex align-items-center">
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-31.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">New fashion Style</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-32.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">12-12 Sale</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="mega-product-box">
                                                                    <div class="mega-product-image overflow-hidden">
                                                                        <a href="#">
                                                                            <img src="assets/images/resources/product-img1-33.jpg" alt="product-img">
                                                                        </a>
                                                                    </div>
                                                                    <div class="mega-product-content">
                                                                        <h4>
                                                                            <a href="#">Winter Clothes</a>
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="sub-menu v2">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list.html" class="nav-link">Product List</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list2.html" class="nav-link">Product List 2</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-list3.html" class="nav-link">Product List 3</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail.html" class="nav-link">Product Detail</a>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom">
                                            <a href="product-detail2.html" class="nav-link">Product Detail 2</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="#" class="position-relative">Winter</a>
                                </li>
                                <li class="menu-item menu-item-has-children position-relative">
                                    <a href="#" class="position-relative">Pages</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item position-relative">
                                            <a href="blog.html" class="nav-link">Blog List</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="blogdetail.html" class="nav-link">Blog Detail</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="about.html" class="nav-link">About US</a>
                                        </li>
                                        <li class="menu-item position-relative">
                                            <a href="login.html" class="nav-link">Login/Register</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="contact.html" class="position-relative">Contact</a>
                                </li>
                            </ul>
                        </nav>   
                    </div>
                    <div class="header-action-items">
                        <ul class="d-flex align-items-center">
                            <li class="cart">
                                <a href="#" class="d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#cart-popup" aria-controls="cart-popup">
                                    <span class="d-inline-flex align-items-center justify-content-center position-relative">
                                        <i class="icon-basket"></i>
                                        <sup class="cart-nmbr d-inline-flex align-items-center justify-content-center position-absolute">1</sup>
                                    </span>
                                    <span>$14.00 (1 item)</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- Section Banner -->
    <section>
        <div class="banner-wrapper style-three">
            <div class="banner-inner-wrapper position-relative">
                <div class="banner-slider">
                    <div class="banner-box position-relative" style="background-image:url('assets/images/bg/bg-img12.jpg');">
                        <div class="container">
                            <div class="banner-content">
                                <span class="text_animate d-inline-block">Exquisitely Handcrafted Jewellery.</span>
                                <h2 class="text_animate"><span class="position-relative">Sustainable</span>Jewellery Making</h2>
                                <p class="text_animate">Jewellery that is beautiful, stylish and affordable.</p>
                                <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden text_animate">Discover Products</a>
                            </div>
                            <div class="product-cart-box image_animate position-absolute">
                                <div class="product-cart-image overflow-hidden">
                                    <img src="assets/images/resources/product-img3-1.jpg" alt="product-img">
                                </div>
                                <div class="product-cart-content position-absolute">
                                    <div class="star-rating d-flex align-items-center overflow-hidden">
                                        <span>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </span>
                                        <span class="count">(12)</span>
                                    </div>
                                    <h6>
                                        <a href="product-detail.html">22k Gold Bangles</a>
                                    </h6>
                                    <div class="product-price">
                                        <span class="price">
                                            <ins>
                                                <span class="amount">
                                                    <bdi><span>$</span>140</bdi>
                                                </span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                                <div class="product-trending_lable position-absolute">
                                    <a href="#" class="text-uppercase">Trending</a>
                                </div>
                                <div class="product-cart-more position-absolute">
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="banner-box position-relative" style="background-image:url('assets/images/bg/bg-img23.jpg');">
                        <div class="container">
                            <div class="banner-content">
                                <span class="text_animate d-inline-block">Making a Statement with Minimalist Jewelry.</span>
                                <h2 class="text_animate"><span class="position-relative">Radiant </span>Pearl Drop Earring</h2>
                                <p class="text_animate">Jewellery that is beautiful, stylish and affordable.</p>
                                <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden text_animate">Discover Products</a>
                            </div>
                            <div class="product-cart-box image_animate position-absolute">
                                <div class="product-cart-image overflow-hidden">
                                    <img src="assets/images/resources/product-img3-1.jpg" alt="product-img">
                                </div>
                                <div class="product-cart-content position-absolute">
                                    <div class="star-rating d-flex align-items-center overflow-hidden">
                                        <span>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </span>
                                        <span class="count">(12)</span>
                                    </div>
                                    <h6>
                                        <a href="product-detail.html">22k Gold Bangles</a>
                                    </h6>
                                    <div class="product-price">
                                        <span class="price">
                                            <ins>
                                                <span class="amount">
                                                    <bdi><span>$</span>140</bdi>
                                                </span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                                <div class="product-trending_lable position-absolute">
                                    <a href="#" class="text-uppercase">Trending</a>
                                </div>
                                <div class="product-cart-more position-absolute">
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="banner-box position-relative" style="background-image:url('assets/images/bg/bg-img24.jpg');">
                        <div class="container">
                            <div class="banner-content">
                                <span class="text_animate d-inline-block">Styling Tips for a Glamorous Evening Look.</span>
                                <h2 class="text_animate"><span class="position-relative">Mystic </span>Opal Pendant</h2>
                                <p class="text_animate">Jewellery that is beautiful, stylish and affordable.</p>
                                <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden text_animate">Discover Products</a>
                            </div>
                            <div class="product-cart-box image_animate position-absolute">
                                <div class="product-cart-image overflow-hidden">
                                    <img src="assets/images/resources/product-img3-1.jpg" alt="product-img">
                                </div>
                                <div class="product-cart-content position-absolute">
                                    <div class="star-rating d-flex align-items-center overflow-hidden">
                                        <span>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </span>
                                        <span class="count">(12)</span>
                                    </div>
                                    <h6>
                                        <a href="product-detail.html">22k Gold Bangles</a>
                                    </h6>
                                    <div class="product-price">
                                        <span class="price">
                                            <ins>
                                                <span class="amount">
                                                    <bdi><span>$</span>140</bdi>
                                                </span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                                <div class="product-trending_lable position-absolute">
                                    <a href="#" class="text-uppercase">Trending</a>
                                </div>
                                <div class="product-cart-more position-absolute">
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                    <span class="d-inline-flex align-items-center justify-content-between"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-dots-wrapper">
            <div class="container">
                <div class="banner-dots position-relative">
                </div>
            </div>
        </div>
    </section>


    <!-- Section Fashion -->
    <section>
        <div class="fashion-wrapper style-three pd-t-115 pd-b-120">
            <div class="container">
                <div class="fashion-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-2.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-bracelet"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">14</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">Bracelets</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-3.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-diamond"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">11</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">ENGAGEMENT RINGS</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-4.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-earrings"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">3</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">EARRINGS</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="400">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-5.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-jewellery"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">7</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">NECKLACES</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-6.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-ring"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">12</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">ETERNITY RINGS</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-7.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-gift"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">32</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">PREMIUM GIFTING</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="fashion-box" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300">
                                <div class="fashion-image position-relative overflow-hidden">
                                    <img src="assets/images/resources/product-img3-8.jpg" alt="product-img">
                                    <div class="fashion-icon position-absolute d-inline-flex align-items-center justify-content-center">
                                        <i class="icon-engagement-ring"></i>
                                        <div class="fashion-count position-absolute d-inline-flex align-items-center justify-content-center">24</div>
                                    </div>
                                </div>
                                <div class="fashion-content">
                                    <h5 class="text-uppercase text-center position-relative d-inline-block">
                                        <a href="product-list3.html">RINGS</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Product -->
    <section>
        <div class="product-wrapper style-three pd-b-120">
            <div class="container">
                <div class="sec-tl text-center">
                    <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Just for you</span>
                    <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Recent
                        <span class="position-relative">Products</span>
                    </h2>
                </div>
                
                <div class="product-inner-wrapper">
                    <ul class="nav nav-tabs product-tab-button" id="myTab" role="tablist">
                        <li class="nav-item nav-tab1" role="presentation">
                            <button class="nav-link active btn-1 position-relative" id="ring-tab" data-bs-toggle="tab" data-bs-target="#ring" type="button" role="tab" aria-controls="ring" aria-selected="true">
                                <span class="text-uppercase d-block text-start">Rings</span>
                            </button>
                        </li>
                        <li class="nav-item nav-tabs2" role="presentation">
                            <button class="nav-link btn-2 position-relative" id="necklace-tab" data-bs-toggle="tab" data-bs-target="#necklace" type="button" role="tab" aria-controls="necklace" aria-selected="false">
                                <span class="text-uppercase d-block text-start">Necklaces</span>
                            </button>
                        </li>
                        <li class="nav-item nav-tabs3" role="presentation">
                            <button class="nav-link btn-3 position-relative" id="earring-tab" data-bs-toggle="tab" data-bs-target="#earring" type="button" role="tab" aria-controls="earring" aria-selected="false">
                                <span class="text-uppercase d-block text-start">Earrings</span>
                            </button>
                        </li>
                        <li class="nav-item nav-tabs3" role="presentation">
                            <button class="nav-link btn-3 position-relative" id="bracelet-tab" data-bs-toggle="tab" data-bs-target="#bracelet" type="button" role="tab" aria-controls="bracelet" aria-selected="false">
                                <span class="text-uppercase d-block text-start">Bracelets</span>
                            </button>
                        </li>
                        <li class="nav-item nav-tabs3" role="presentation">
                            <button class="nav-link btn-3 position-relative" id="gold-plated-tab" data-bs-toggle="tab" data-bs-target="#gold-plated" type="button" role="tab" aria-controls="gold-plated" aria-selected="false">
                                <span class="text-uppercase d-block text-start">18K Gold Plated</span>
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content product-tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="ring" role="tabpanel" aria-labelledby="ring-tab">
                            <div class="product-tab">
                                <div class="row product-slider3">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-9.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Tapered Micro Hoop Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>90.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>42.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-10.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Sophisticated Pearl and Diamond Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>85.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>66.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-11.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Sparkling Crystal Halo Necklace</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>75.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>63.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-12.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Eternal Love Infinity Ring</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>59.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>47.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-13.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Bold Tribal Statement Necklace</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>92.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>71.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="necklace" role="tabpanel" aria-labelledby="necklace-tab">
                            <div class="product-tab">
                                <div class="row product-slider3">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-11.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Elegant Teardrop Sapphire Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>76.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>48.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-10.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Classic Diamond Tennis Necklace</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>59.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>55.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-12.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Modern Minimalist Ear Climbers</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>112.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>98.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-9.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Mystical Celtic Knot Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>67.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>59.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-14.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Romantic Heart Chain Bracelet</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>91.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>69.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="earring" role="tabpanel" aria-labelledby="earring-tab">
                            <div class="product-tab">
                                <div class="row product-slider3">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-14.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Elegant Oval Sapphire Pendant</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>122.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>102.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-13.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Classic Solitaire Pearl Ring</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>115.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>85.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-9.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Radiant Sun Disk Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>139.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>121.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-10.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Boho Gemstone Beaded Necklace</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>136.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>114.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-11.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Regal Emerald Drop Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>88.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>66.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="bracelet" role="tabpanel" aria-labelledby="bracelet-tab">
                            <div class="product-tab">
                                <div class="row product-slider3">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-12.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Modern Bar and Chain Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>131.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>113.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-9.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Gleaming Crystal Tennis Bracelet</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>119.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>89.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-14.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Luminous Freshwater Pearl Bracelet</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>142.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>126.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-10.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Mystic Moon Phase Necklace</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>127.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>114.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-11.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Sophisticated Garnet Cluster Ring</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>144.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>122.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="gold-plated" role="tabpanel" aria-labelledby="gold-plated-tab">
                            <div class="product-tab">
                                <div class="row product-slider3">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-11.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Radiant Hexagon Diamond Ring</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>189.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>151.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-13.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Eternal Love Knot Bracelet</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>166.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>129.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-9.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Boho Feather Earrings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>158.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>118.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-14.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Delicate Opal Stacking Rings</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>72.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>58.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                            <div class="product-image position-relative overflow-hidden">
                                                <a href="product-detail.html">
                                                    <img src="assets/images/resources/product-img3-10.jpg" alt="product-img">
                                                </a>
                                                <div class="action-buttons social-icons position-absolute">
                                                    <ul class="d-flex align-items-center">
                                                        <li class="product-wishlist">
                                                            <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                                <i class="icon-like"></i>
                                                            </a>
                                                        </li>
                                                        <li class="product-cart">
                                                            <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                                <i class="icon-basket"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="star-rating d-flex align-items-center overflow-hidden">
                                                    <span>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                        <i class="icon-star-full icon-star2"></i>
                                                    </span>
                                                    <span class="count">(12)</span>
                                                </div>
                                                <h5>
                                                    <a href="product-detail.html">Timeless Gold Rope Chain Necklac</a>
                                                </h5>
                                                <p class="text-uppercase">18k Gold Plated</p>
                                                <div class="product-price">
                                                    <span class="price">
                                                        <del>
                                                            <span class="amount">
                                                                <bdi><span>$</span>117.00</bdi>
                                                            </span>
                                                        </del>
                                                        <ins>
                                                            <span class="amount">
                                                                <bdi><span>$</span>101.00</bdi>
                                                            </span>
                                                        </ins>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Banner_block -->
    <section>
        <div class="banner_block-wrapper pd-b-120">
            <div class="container">
                <div class="banner_block-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="banner_block-box position-relative" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                <div class="banner_block-image">
                                    <img src="assets/images/resources/banner-img1.jpg" alt="banner-img">
                                </div>
                                <div class="banner_block-content position-absolute">
                                    <p class="text-uppercase">Discover the Energising</p>
                                    <h4>Chakra Charm Necklace</h4>
                                    <span class="text-uppercase position-relative d-inline-block">40% Off</span>
                                    <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden">Start Shopping</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="banner_block-box position-relative" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                <div class="banner_block-image">
                                    <img src="assets/images/resources/banner-img2.jpg" alt="banner-img">
                                </div>
                                <div class="banner_block-content position-absolute">
                                    <p class="text-uppercase">Discover the Energising</p>
                                    <h4>Crystal Jewellery Collection</h4>
                                    <span class="text-uppercase position-relative d-inline-block">30% Off</span>
                                    <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden">Start Shopping</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Season -->
    <section>
        <div class="season-wrapper style-two overflow-hidden">
            <div class="container">
                <div class="season-inner-wrapper">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="sec-tl">
                                <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">perfect gift for any season</span>
                                <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Jewellery
                                    <span class="position-relative">Gifts</span>
                                </h2>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                    <div class="product-box product-style-three">
                                        <div class="product-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-13.jpg" alt="product-img">
                                            </a>
                                            <div class="action-buttons social-icons position-absolute">
                                                <ul class="d-flex align-items-center">
                                                    <li class="product-wishlist">
                                                        <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                            <i class="icon-like"></i>
                                                        </a>
                                                    </li>
                                                    <li class="product-cart">
                                                        <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                            <i class="icon-basket"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content">
                                            <div class="star-rating d-flex align-items-center overflow-hidden">
                                                <span>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                </span>
                                                <span class="count">(12)</span>
                                            </div>
                                            <h5>
                                                <a href="product-detail.html">Tapered Micro Hoop Earrings</a>
                                            </h5>
                                            <p class="text-uppercase">18k Gold Plated</p>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>90.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>42.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                    <div class="product-box product-style-three">
                                        <div class="product-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-14.jpg" alt="product-img">
                                            </a>
                                            <div class="action-buttons social-icons position-absolute">
                                                <ul class="d-flex align-items-center">
                                                    <li class="product-wishlist">
                                                        <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title="">
                                                            <i class="icon-like"></i>
                                                        </a>
                                                    </li>
                                                    <li class="product-cart">
                                                        <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title="">
                                                            <i class="icon-basket"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content">
                                            <div class="star-rating d-flex align-items-center overflow-hidden">
                                                <span>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                    <i class="icon-star-full icon-star2"></i>
                                                </span>
                                                <span class="count">(12)</span>
                                            </div>
                                            <h5>
                                                <a href="product-detail.html">Classic Solitaire Pearl Ring</a>
                                            </h5>
                                            <p class="text-uppercase">18k Gold Plated</p>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>74.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>67.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12">
                            <div class="season-banner-image position-relative">
                                <img src="assets/images/resources/banner-img4.jpg" alt="banner-img">
                                <div class="season-tool-wrapper">
                                    <div class="season-tool position-absolute">
                                        <a href="#" class="position-relative d-inline-flex align-items-center justify-content-center">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                        </a>
                                        <div class="season-tool-body position-absolute text-center">
                                            <h4>Red Stone Necklace</h4>
                                            <p>Cabochon Crystal ring in sterling silver. The stone is set.</p>
                                        </div>
                                    </div>
                                    <div class="season-tool two position-absolute">
                                        <a href="#" class="position-relative d-inline-flex align-items-center justify-content-center">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                        </a>
                                        <div class="season-tool-body position-absolute text-center">
                                            <h4>Red Stone Necklace</h4>
                                            <p>Cabochon Crystal ring in sterling silver. The stone is set.</p>
                                        </div>
                                    </div>
                                    <div class="season-tool three position-absolute">
                                        <a href="#" class="position-relative d-inline-flex align-items-center justify-content-center">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                        </a>
                                        <div class="season-tool-body position-absolute text-center">
                                            <h4>Red Stone Necklace</h4>
                                            <p>Cabochon Crystal ring in sterling silver. The stone is set.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- Section Service -->
        
        <div class="service-wrapper style-two position-relative">
            <div class="container">
                <div class="service-inner-wrapper">
                    <div class="row flex-wrap justify-content-center">
                        <div class="col position-relative">
                            <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="100">
                                <div class="service-icon position-relative d-inline-block">
                                    <i class="icon-diamond-2"></i>
                                </div>
                                <div class="service-content">
                                    <p>Etichally Sourced Gemstones</p>
                                </div>
                            </div>
                        </div>
                        <div class="col position-relative">
                            <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="200">
                                <div class="service-icon position-relative d-inline-block">
                                    <i class="icon-pyramid"></i>
                                </div>
                                <div class="service-content">
                                    <p>Hand-Crafted Jewellery Pieces</p>
                                </div>
                            </div>
                        </div>
                        <div class="col position-relative">
                            <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="300">
                                <div class="service-icon position-relative d-inline-block">
                                    <i class="icon-shopping-cart"></i>
                                </div>
                                <div class="service-content">
                                    <p>Sustainable Resources & Processes</p>
                                </div>
                            </div>
                        </div>
                        <div class="col position-relative">
                            <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="400">
                                <div class="service-icon position-relative d-inline-block">
                                    <i class="icon-wedding-ring"></i>
                                </div>
                                <div class="service-content">
                                    <p>Traditional Artisan Craftsmanship</p>
                                </div>
                            </div>
                        </div>
                        <div class="col position-relative">
                            <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="500">
                                <div class="service-icon position-relative d-inline-block">
                                    <i class="icon-gift-box"></i>
                                </div>
                                <div class="service-content">
                                    <p>Small Production Artisan Batches</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Product-Simple -->
    <section>
        <div class="product_simple-wrapper pd-t-120">
            <div class="container">
                <div class="product_simple-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="sec-tl">
                                <h3 class="text-uppercase position-relative d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Earrings</h3>
                            </div>
                            <div class="row product-sider-simple">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-15.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Hoop Earrings</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>90.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>42.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-16.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Eternal Elegance</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>85.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>45.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-17.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Radiant Pearl</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>77.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>55.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-24.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Vintage Charm</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>64.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>48.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="sec-tl">
                                <h3 class="text-uppercase position-relative d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Pendants</h3>
                            </div>
                            <div class="row product-sider-simple">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-18.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Mystic Opal</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>89.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>73.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-19.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Celestial Star</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>55.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>45.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="600">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-20.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Twilight Sapphire</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>95.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>83.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="product_simple-box" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="700">
                                        <div class="product_simple-image position-relative overflow-hidden">
                                            <a href="product-detail.html">
                                                <img src="assets/images/resources/product-img3-25.jpg" alt="product-img">
                                            </a>
                                            <div class="offer position-absolute">
                                                <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">-
                                                    <span>30</span>%
                                                </span>
                                            </div>
                                        </div>
                                        <div class="product_simple-content">
                                            <h5>
                                                <a href="product-detail.html">Gleaming Crystal</a>
                                            </h5>
                                            <div class="product-price">
                                                <span class="price">
                                                    <del>
                                                        <span class="amount">
                                                            <bdi><span>$</span>92.00</bdi>
                                                        </span>
                                                    </del>
                                                    <ins>
                                                        <span class="amount">
                                                            <bdi><span>$</span>66.00</bdi>
                                                        </span>
                                                    </ins>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Testimonial -->
    <section>
        <div class="testimonial-wrapper style-three pd-t-120">
            <div class="container">
                <div class="sec-tl text-center">
                    <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Testimonials</span>
                    <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Client's
                        <span class="position-relative">Reviews</span>
                    </h2>
                </div>
                <div class="testimonial-inner-wrapper position-relative">
                    <div class="row testimonial-slider3">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="testimonial-box">
                                <div class="testimonial-quote text-center">
                                    <i class="icon-testimonial"></i>
                                </div>
                                <div class="testimonial-content text-center">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p>
                                    <div class="testimonial-rating">
                                        <div class="testimonial-star">
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Reconiba Jakline</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="testimonial-box">
                                <div class="testimonial-quote text-center">
                                    <i class="icon-testimonial"></i>
                                </div>
                                <div class="testimonial-content text-center">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p>
                                    <div class="testimonial-rating">
                                        <div class="testimonial-star">
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Aurora Sanchez</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="testimonial-box">
                                <div class="testimonial-quote text-center">
                                    <i class="icon-testimonial"></i>
                                </div>
                                <div class="testimonial-content text-center">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p>
                                    <div class="testimonial-rating">
                                        <div class="testimonial-star">
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </div>
                                        <div class="testimonial-author">
                                            <h5>Hannah Ward</h5>
                                            <span class="text-uppercase">Google Review</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-image">
                        <div class="testimonial-img one position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                            <img src="assets/images/resources/author-img4.jpg" alt="Person">
                        </div>
                        <div class="testimonial-img two position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                            <img src="assets/images/resources/author-img5.jpg" alt="Person">
                        </div>
                        <div class="testimonial-img three position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300">
                            <img src="assets/images/resources/author-img6.jpg" alt="Person">
                        </div>
                        <div class="testimonial-img four position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="400">
                            <img src="assets/images/resources/author-img7.jpg" alt="Person">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Payment -->
    <section>
        <div class="payment-wrapper style-three pd-t-120 pd-b-120">
            <div class="container">
                <div class="payment-inner-wrapper">
                    <div class="row gx-0">
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <div class="payment-box text-center">
                                <div class="payment-icon">
                                    <img src="assets/images/resources/srv-img1.png" alt="Service">
                                </div>
                                <div class="payment-content">
                                    <h4>SHIPS WITHIN 4-7</h4>
                                    <h4>BUSINESS DAYS</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <div class="payment-box text-center">
                                <div class="payment-icon">
                                    <img src="assets/images/resources/srv-img2.png" alt="Service">
                                </div>
                                <div class="payment-content">
                                    <h4>Easy Exchange and Returns</h4>
                                    <h4>30 Business Days</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <div class="payment-box text-center">
                                <div class="payment-icon">
                                    <img src="assets/images/resources/srv-img3.png" alt="Service">
                                </div>
                                <div class="payment-content">
                                    <h4>Payment Method</h4>
                                    <img src="assets/images/resources/bank-card2.png" alt="Payment">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Giving -->
    <section>
        <div class="giving-wrapper position-relative pd-t-120 pd-b-120">
            <div class="container">
                <div class="giving-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="giving-box position-absolute">
                                <div class="giving-image overflow-hidden">
                                    <img src="assets/images/resources/product-img3-21.jpg" alt="product-img">
                                </div>
                                <div class="giving-content position-absolute">
                                    <div class="star-rating d-flex align-items-center overflow-hidden">
                                        <span>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                            <i class="icon-star-full icon-star2"></i>
                                        </span>
                                        <span class="count">(12)</span>
                                    </div>
                                    <h5>
                                        <a href="product-detail.html">Vintage T-Bar Drop Necklace</a>
                                    </h5>
                                    <p>Limited Edition - Up to 2 Available</p>
                                    <div class="product-price">
                                        <span class="price">
                                            <del>
                                                <span class="amount">
                                                    <bdi><span>$</span>90.00</bdi>
                                                </span>
                                            </del>
                                            <ins>
                                                <span class="amount">
                                                    <bdi><span>$</span>42.00</bdi>
                                                </span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="giving-text-wrapper">
                                <div class="sec-tl">
                                    <span class="text-uppercase">Gift Products</span>
                                    <h2>Branded Fashion
                                        <span class="position-relative">Jewellery</span>
                                    </h2>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiod tempor in cididunt ut labore et dolore.</p>
                                <div class="giving-list">
                                    <ul>
                                        <li class="position-relative">Personalised gift cards</li>
                                        <li class="position-relative">Free international delivery gifts</li>
                                        <li class="position-relative">Luxurious packaging boxes</li>
                                    </ul>
                                </div>
                                <a href="product-list3.html" class="theme-btn style-stroke position-relative overflow-hidden">Book Your Gift</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="giving-bg-image position-absolute">
                <img src="assets/images/resources/banner-img3.jpg" alt="banner-img">
            </div>
        </div>
    </section>



    <!-- Section Article -->
    <section>
        <div class="article-wrapper style-one pd-t-115 pd-b-120">
            <div class="container">
                <div class="sec-tl text-center">
                    <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Updates &amp; Trends</span>
                    <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Latest 
                        <span class="position-relative">Articles</span>
                    </h2>
                </div>
                <div class="article-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="article-box" >
                                <div class="article-image position-relative">
                                    <a href="blogdetail.html">
                                        <img src="assets/images/resources/product-img1-37.jpg" alt="article">
                                    </a>
                                </div>
                                <div class="article-content">
                                    <div class="meta-wrapper d-flex align-items-center">
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-calender"></i>June 05, 2024
                                            </a>
                                        </span>
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-comment"></i> 14
                                            </a>
                                        </span>
                                    </div>
                                    <h4>
                                        <a href="blogdetail.html">Fashion trends see all-over brown blended</a>
                                    </h4>
                                    <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p>
                                    <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative">
                                        <bdi>Read More</bdi> 
                                        <span class="d-inline-flex align-items-center justify-content-center">
                                            <i class="icon-arrow"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200">
                            <div class="article-box" >
                                <div class="article-image position-relative">
                                    <a href="blogdetail.html">
                                        <img src="assets/images/resources/product-img1-38.jpg" alt="article">
                                    </a>
                                </div>
                                <div class="article-content">
                                    <div class="meta-wrapper d-flex align-items-center">
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-calender"></i>April 14, 2024
                                            </a>
                                        </span>
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-comment"></i> 14
                                            </a>
                                        </span>
                                    </div>
                                    <h4>
                                        <a href="blogdetail.html">Statement Outerwear: Making a Bold Impression</a>
                                    </h4>
                                    <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p>
                                    <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative">
                                        <bdi>Read More</bdi> 
                                        <span class="d-inline-flex align-items-center justify-content-center">
                                            <i class="icon-arrow"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300">
                            <div class="article-box" >
                                <div class="article-image position-relative">
                                    <a href="blogdetail.html">
                                        <img src="assets/images/resources/product-img1-39.jpg" alt="article">
                                    </a>
                                </div>
                                <div class="article-content">
                                    <div class="meta-wrapper d-flex align-items-center">
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-calender"></i>May 29, 2024
                                            </a>
                                        </span>
                                        <span>
                                            <a href="blog.html" class="d-flex align-items-center">
                                                <i class="icon-comment"></i> 14
                                            </a>
                                        </span>
                                    </div>
                                    <h4>
                                        <a href="blogdetail.html">Styling Graphic Tees for a Chic Look</a>
                                    </h4>
                                    <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p>
                                    <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative">
                                        <bdi>Read More</bdi> 
                                        <span class="d-inline-flex align-items-center justify-content-center">
                                            <i class="icon-arrow"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="article-btn text-center">
                        <a href="product-list.html" class="theme-btn style-stroke position-relative overflow-hidden">View All Posts</a>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Section Instagram -->
    <section>
        <div class="instagram-wrapper style-two pd-b-120">
            <div class="container">
                <div class="sec-tl text-center">
                    <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Follow
                        <span class="position-relative">#Genzik</span>
                    </h2>
                    <p data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Share your style with @Genzik with the hashtag #Genzik and you could be featured right here.</p>
                </div>
                <div class="instagram-inner-wrapper">
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img10.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img11.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img12.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="400">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img13.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="500">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img14.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-4">
                            <div class="instagram-box position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="600">
                                <div class="instagram-image overflow-hidden">
                                    <img src="assets/images/resources/instagram-img15.jpg" alt="instagram-img">
                                    <div class="social-icons position-absolute">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="https://www.instagram.com/" class="instagram-link position-absolute"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <footer class="style-one style-three">
        <div class="footer-wrapper page-cover position-relative">
            <div class="footer-upper">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="widget newsletter">
                                <h4 class="widget-title text-uppercase position-relative">Subscribe Newsletter</h4>
                                <p>subscribe email and Get exclusive news offers and updates</p>
                                <form action="#" class="newsletter-form position-relative">
                                    <input type="email" placeholder="Enter your email.">
                                    <button type="button" class="theme-btn position-absolute overflow-hidden">Subscribe</button>
                                </form>
                                <div class="ft-social-wrapper d-flex align-items-center">                                   
                                    <span>Follow Us:</span>
                                    <div class="social-icons">
                                        <ul class="d-flex align-items-center">
                                            <li>
                                                <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                    <i class="fa-brands fa-linkedin"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Need Help?</h4>
                                <ul class="menu">
                                    <li>
                                        <a href="#">Help</a>
                                    </li>
                                    <li>
                                        <a href="#">Track My Order</a>
                                    </li>
                                    <li>
                                        <a href="#">Delivery Information</a>
                                    </li>
                                    <li>
                                        <a href="#">Returns</a>
                                    </li>
                                    <li>
                                        <a href="#">Size Guide</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Discover</h4>
                                <ul class="menu">
                                    <li>
                                        <a href="#">About Warehouse</a>
                                    </li>
                                    <li>
                                        <a href="#">Investor Relations</a>
                                    </li>
                                    <li>
                                        <a href="#">Slavery Statement</a>
                                    </li>
                                    <li>
                                        <a href="#">Sustainability</a>
                                    </li>
                                    <li>
                                        <a href="#">Sitemap</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-4">
                            <div class="widget">
                                <h4 class="widget-title text-uppercase position-relative">Get The App</h4>
                                <p>Check out the best shopping apps.</p>
                                <div class="app-button d-flex">
                                    <a href="#">
                                        <img src="assets/images/resources/app-store.png" alt="App">
                                    </a>
                                    <a href="#">
                                        <img src="assets/images/resources/google-play.png" alt="App">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-middle">
                <div class="container">
                    <div class="ft-payment-card widget d-flex align-items-center justify-content-between flex-wrap">
                        <div class="card-discount">
                            <h5 class="d-flex align-items-center">
                                <i class="icon-brand-tag"></i> Use Card: Get 10% off Everything
                            </h5>
                        </div>
                        <div class="card-support">
                            <img src="assets/images/resources/bank-card.png" alt="Payment Methods">
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <div class="ft-bottom widget d-flex align-items-center justify-content-between flex-wrap">
                        <div class="copyrights">
                            Copyright © <a href="#">2024 Genzik.</a> All Rights <a href="https://www.bootstrapmb.com">bootstrapMB</a>
                        </div>
                        <div class="bottom-menu">
                            <ul class="d-flex align-items-center">
                                <li class="position-relative">
                                    <a href="#">Terms of use</a>
                                </li>
                                <li class="position-relative">
                                    <a href="#">Privacy Policy</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>




    <!-- Popup Newsletter -->
    <div class="modal fade" id="Newsletter_Modal">
        <div class="modal-dialog modal-dialog-centered newsletter-modal">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close"></button>
                    <div class="newsletter-wrapper d-flex align-items-center">
                        <div class="newsletter-image">
                            <img src="assets/images/resources/product-img1-3.jpg" alt="newsletter-img">
                        </div>
                        <div class="newsletter-content text-center">
                            <div class="newsletter-inner-content">
                                <h3 class="text-uppercase">Open a Store for free</h3>
                                <p>
                                    <span>Special Offer:</span> Start for free, then get your <span>first month for $1</span>
                                </p>
                                <form>
                                    <input type="text" placeholder="don't miss out this sale">
                                    <button type="button" class="theme-btn position-relative overflow-hidden">Start Now</button>
                                </form>
                                <div class="social-icons">
                                    <ul class="d-flex align-items-center justify-content-center">
                                        <li>
                                            <a href="https://www.facebook.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.twitter.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://pk.linkedin.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-linkedin"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.instagram.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-instagram"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.youtube.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-youtube"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.pinterest.com/" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden">
                                                <i class="fa-brands fa-pinterest"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <label class="remember-field d-flex align-items-center justify-content-center">
                                    <input name="rememberme-register" type="checkbox" id="rememberme-register">
                                    <span class="position-relative">Remember me</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--Popup Search-->

    <div class="search-modal-wrapper modal fade" id="searchpopup">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="container">
                    <div class="search-modal">
                        <button type="button" class="btn-close close-search position-absolute" data-bs-dismiss="modal" aria-label="Close"></button>
                        <form action="#" method="get" role="search" class="search search-modal-form">
                            <div class="content-input">
                                <div class="field position-relative">
                                    <input class="search-input field-input" placeholder="Search Products" autocomplete="off" autocapitalize="off">
                                    <button class="search-button field-button position-absolute" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" height="22">
                                        <path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path>
                                    </svg></button>
                                </div>
                            </div>
                            <div class="content-menu-search d-flex align-items-center flex-wrap">
                                <div class="title">Trending Search:</div>
                                <ul class="list-collection d-flex align-items-center overflow-auto">
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">fashion</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">Clothes</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">New</a>
                                    </li>
                                    <li>
                                        <a href="#" class="d-inline-block text-center theme-btn style-stroke position-relative overflow-hidden">Trends</a>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Popup Cart -->

    <div class="mini-cart-wrapper offcanvas offcanvas-end" id="cart-popup">
        <div class="mini-cart-header">
            <h2 class="mini-cart-title position-relative text-uppercase" id="offcanvasLabel">Shopping Cart</h2>
        </div>
        <div class="widget-shopping-cart overflow-hidden position-relative d-flex">
            <div class="widget-shopping-cart-content d-flex overflow-hidden">
                <div class="widget-shopping-cart-body has-scrollbar position-relative">
                    <h3 class="item-count"><span>2 items</span></h3>
                    <ul class="cart-list">
                        <li class="mini-cart-item position-relative d-flex align-items-start">
                            <div class="mini-cart-item-btns d-flex align-items-center position-absolute">
                                <a href="#" class="remove-from-cart-button d-inline-flex align-items-center justify-content-center" rel="nofollow" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Remove this item">
                                    <i class="fa-solid fa-xmark"></i>
                                </a>
                                <div class="cart-product-edit_variant d-inline-flex align-items-center justify-content-center" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit this item" data-bs-original-title="" title="">
                                    <svg class="icon icon-pen">
                                        <use xlink:href="#icon-pen"></use>
                                    </svg>
                                </div>
                            </div>
                            <div class="cart-product-img">
                                <a href="product-detail2.html">
                                    <img src="assets/images/resources/cart-img1.jpg" alt="product">
                                </a>
                            </div>
                            <div class="mini-cart-item-content">
                                <div class="cart-product-info_variant">
                                    <span>Bown / XL</span>
                                </div>
                                <h3 class="mini-cart-item-title"><a href="product-detail2.html">Plain Knitted Midi Skirt</a></h3>
                                <div class="product-price">
                                    <span class="price">
                                        <span class="amount">
                                            <bdi><span>$</span>19.85</bdi>
                                        </span>
                                    </span>
                                </div>
                                <div class="product-quantity js-quantity-selector">
                                    <input type="number" value="1" min="1" max="10" step="1">
                                </div>
                            </div>
                        </li>
                        <li class="mini-cart-item position-relative d-flex align-items-start">
                            <div class="mini-cart-item-btns d-flex align-items-center position-absolute">
                                <a href="#" class="remove-from-cart-button d-inline-flex align-items-center justify-content-center" rel="nofollow" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Remove this item">
                                    <i class="fa-solid fa-xmark"></i>
                                </a>
                                <div class="cart-product-edit_variant d-inline-flex align-items-center justify-content-center" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit this item" data-bs-original-title="" title="">
                                    <svg class="icon icon-pen">
                                        <use xlink:href="#icon-pen"></use>
                                    </svg>
                                </div>
                            </div>
                            <div class="cart-product-img">
                                <a href="product-detail2.html">
                                    <img src="assets/images/resources/cart-img1.jpg" alt="product">
                                </a>
                            </div>
                            <div class="mini-cart-item-content">
                                <div class="cart-product-info_variant">
                                    <span>Bown / XL</span>
                                </div>
                                <h3 class="mini-cart-item-title"><a href="product-detail2.html">Distressed Boyfriend Jeans</a></h3>
                                <div class="product-price">
                                    <span class="price">
                                        <span class="amount">
                                            <bdi><span>$</span>19.85</bdi>
                                        </span>
                                    </span>
                                </div>
                                <div class="product-quantity js-quantity-selector">
                                    <input type="number" value="1" min="1" max="10" step="1">
                                </div>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="widget-shopping-cart-footer">
                    <table class="price-table">
                        <thead>
                            <tr class="cart-subtotal">
                                <th>Subtotal</th>
                                <td></td>
                                <td>$250.00</td>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr class="order-total">
                                <th>Total</th>
                                <td></td>
                                <td><strong><span class="amount"><bdi><span>$</span>250.00</bdi></span></strong> </td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="cart-footer-bottom">
                        <div class="cart-conditions">
                            <p>Tax included and shipping calculated at checkout</p>
                            <label for="terms-and-conditions" class="terms-conditions">
                                <input id="terms-and-conditions" type="checkbox">
                                <span>I agree with the <a href="#">Terms & Conditions</a></span>
                            </label>
                        </div>
                        <div class="mini-cart-total-btns d-flex align-items-center justify-content-center flex-wrap">
                            <a href="cart.html" class="theme-btn style-stroke position-relative overflow-hidden">View Cart</a>
                            <a class="theme-btn position-relative overflow-hidden" href="checkout.html">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- scripts-->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/bootstrap-input-spinner.js"></script>
    <script src="assets/js/select2.min.js"></script>
    <script src="assets/js/fancybox.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/custom-script.js"></script>
    <!-- svg sprite-->
    <div class="svg-wrapper">
        <svg>

            <symbol id="icon-view" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                <circle cx="12" cy="12" r="3"></circle>
            </symbol>

            <symbol id="icon-compare" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="16 3 21 3 21 8"></polyline>
                <line x1="4" y1="20" x2="21" y2="3"></line>
                <polyline points="21 16 21 21 16 21"></polyline>
                <line x1="15" y1="15" x2="21" y2="21"></line>
                <line x1="4" y1="4" x2="9" y2="9"></line>
            </symbol>

            <symbol id="icon-pen" viewBox="0 0 24 24">
                <path d="M12 21h9c0.552 0 1-0.448 1-1s-0.448-1-1-1h-9c-0.552 0-1 0.448-1 1s0.448 1 1 1zM15.793 2.793l-12.5 12.5c-0.122 0.121-0.217 0.28-0.263 0.465l-1 4c-0.039 0.15-0.042 0.318 0 0.485 0.134 0.536 0.677 0.862 1.213 0.728l4-1c0.167-0.041 0.33-0.129 0.465-0.263l12.5-12.5c0.609-0.609 0.914-1.41 0.914-2.207s-0.305-1.598-0.914-2.207-1.411-0.915-2.208-0.915-1.598 0.305-2.207 0.914zM17.207 4.207c0.219-0.219 0.504-0.328 0.793-0.328s0.574 0.109 0.793 0.328 0.328 0.504 0.328 0.793-0.109 0.574-0.328 0.793l-12.304 12.304-2.115 0.529 0.529-2.115z"></path>
            </symbol>

            <symbol id="icon-list" viewBox="0 0 20 20">
                <path d="M14.4 9h-5.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h5.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM16.4 14h-7.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h7.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM8.6 6h7.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1h-7.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1zM5.4 9h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM5.4 14h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1zM5.4 4h-1.8c-0.552 0-0.6 0.447-0.6 1s0.048 1 0.6 1h1.8c0.552 0 0.6-0.447 0.6-1s-0.048-1-0.6-1z"></path>
            </symbol>

            <symbol id="icon-grid" viewBox="0 0 32 32">
                <path d="M8 12h4v-4h-4v4zM14 12h4v-4h-4v4zM20 8v4h4v-4h-4zM8 18h4v-4h-4v4zM14 18h4v-4h-4v4zM20 18h4v-4h-4v4zM8 24h4v-4h-4v4zM14 24h4v-4h-4v4zM20 24h4v-4h-4v4z"></path>
            </symbol>


        </svg>
    </div>



</body>

</html>
